function Tab(el) {
    this.el =document.querySelector(el)
    this.init()
}
Tab.prototype.init = function () {
    this.titleOver();
    this.titleOut();

}
Tab.prototype.titleOver = function () {
    let ulLiObjs = this.el.querySelectorAll("ul li");
    ulLiObjs.forEach((item, i) => {
        item.onmouseover= () => {
            this.el.querySelector('ul li.active').className='';
            item.className='active'
            // this.changeContent(i)
            this.el.querySelector('ol li.active').className=''
            this.el.querySelector(`ol li:nth-of-type(${i+1})`).className='active'
        }
    });
}
Tab.prototype.titleOut=function(){}
    
export default Tab